<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/拓扑学.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <title>拓扑学</title>
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="left">
                <img src="./images/nav-btn.gif" alt="" align="left" width="25px">
                <h1>拓扑宇宙艺术馆</h1>
            </div>
            <div class="right">
                <a href="./index.html" style="color: black;">
                    <h1>首页</h1>
                </a>
                <img src="./images/fdj.png" width="25px" alt="">
            </div>
        </div>
    </div>

    <div class="banner">
        <video src="./video/丑球动画.mp4" autoplay loop controls="controls"></video>
    </div>


    <div class="container2">
        <div class="content">
            <div class="box1">

                <p>几何拓扑学是拓扑学的一个分支，主要侧重于低维流形及其与几何之互动的研究,低维拓扑具有强烈几何含意，体现在二维的单值化定理里，每个曲面都有一个常数曲率的度量，三维的几何化猜想则是每个三维流形都可被分解成数个质流形。
                </p>
            </div>
            <br><br><br>
            <div class="box2">
                <div class="img">
                    <img src="./images/10 (1).png" width="850px" alt="" align="center">
                </div>
                <p>克莱因瓶，是一种无定向性的平面，比如二维平面，就没有“内部”和“外部”之分。克莱因瓶和莫比乌斯带非常相像。</p>
                <p>和我们平时用来喝水的杯子不一样，这个物体没有“边”，它的表面不会终结；它也不类似于气球，一只苍蝇可以从瓶子的内部直接飞到外部而不用穿过表面。
                </p>
            </div>
            
            <div class="square">
                <a href="https://v3d.net/h69"><img src="./images/02.png" width="65px" alt=""></a>
            </div>
            <div class="box2 box3">
                <div class="img">
                    <img src="./images/10 (2).png" width="850px" alt="" align="center">
                </div>
                <p>莫比乌斯环，是一种只有一个面（表面）和一条边界的曲面，也是一种重要的拓扑学结构。它是由德国数学家、天文学家莫比乌斯和约翰·李斯丁在1858年独立发现的。这个结构可以用一个纸带旋转半圈再把两端粘上之后轻而易举地制作出来。事实上有两种不同的莫比乌斯带镜像，他们相互对称。如果把纸带顺时针旋转再粘贴，就会形成一个右手性的莫比乌斯带，反之亦类似。
                </p>

            </div>
            <div class="square">
                <a href="https://v3d.net/h6b"><img src="./images/02.png" width="65px" alt=""></a>
            </div>
            <div class="box2 box4">
                <div class="img">
                    <img src="./images/10 (3).png" width="850px" alt="" align="center">
                </div>
                <p>彭罗斯阶梯，是一个有名的几何学悖论，指的是一个始终向上或向下但却无限循环的阶梯，可以被视为彭罗斯三角形的一个变体，在此阶梯上永远无法找到最高的一点或者最低的一点。彭罗斯阶梯由英国数学家罗杰·彭罗斯于1958年提出。
                </p>

            </div>
            <div class="square">
                <img src="./images/02.png" width="65px" alt="">
            </div>

            <br><br>
        </div>
    </div>

    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide text-t1"><img src="images/lbt1.gif" width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t2"><img src="images/lbt2.gif" width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t3"><img src="images/lbt3.gif" width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t4"><img src="images/lbt4.gif" width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t5"><img src="images/lbt5.gif" width="200px" height="200px" alt=""></div>
            <div class="swiper-slide text-t6"><img src="./images/lbt6.png" width="200px" height="200px" alt=""></div>
        </div>
    </div>
    <br><br>
    <script src="./js/swiper.min.js"></script>

    <script>
        var mySwiper = new Swiper('.swiper', {
            slidesPerView: 3,
            loop: true, // 循环模式选项
            speed: 3000, //图片切换速度
            autoplay: true,  //图片自动切换
            grabCursor: true,  //鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
        })        
    </script>
</body>

</html>